﻿/*banner*/
.top_box{ height:92px; margin:auto; padding:0 20px; background:#fff; position:fixed;z-index:9999;top:0;left:0;width:calc(100% - 100px);padding-right:100px;min-width:1100px;box-shadow: 0 0 10px #ddd;}/*width:1200px; */

.banner_box{ width:100%; min-width:1200px; height:700px; overflow:hidden; position:relative;}
.banner{ display:block; width:1920px; height:700px; position:absolute; left:50%; transform:translateX(-50%);}
.banner li{ display:block; width:100%;}
.banner li img{ display:block; width:100%;}
.hd{ width:100%; position:absolute; bottom:15px; z-index:2;}
.hd .anniu{ display:block; text-align:center;}
.hd .anniu li{ display:inline-block; width:10px; height:10px; border-radius:5px; background:#FFF; opacity:0.8; margin:0 5px; transition:all 0.3s ease-out;}
.indexBnrSwiper-prev,.indexBnrSwiper-next{ display:block; width:114px; height:100%; position:absolute; top:0; opacity:0; transition:all 0.5s ease-out; z-index:99;}
.indexBnrSwiper-prev{ left:0; background:url(../images/swiper1-l.png) no-repeat center;}
.indexBnrSwiper-next{ right:0px; background:url(../images/swiper1-r.png) no-repeat center;}
.banner_box:hover .indexBnrSwiper-prev,.banner_box:hover .indexBnrSwiper-next{ opacity:0.5}
.banner_box .indexBnrSwiper-prev:hover,.banner_box .indexBnrSwiper-next:hover{ opacity:1;}
.hd .anniu .on{ width:48px; opacity:1;}
@media(max-width:1300px){
	.banner_box{ height:500px;}
	.banner{ width:1371px; height:500px;}
}
/**/
.chanp_flbox{ width:1200px; margin:auto; padding:68px 0;}
.chanp_flbox ul{ display:block; text-align:center;}
.chanp_flbox ul li{ display:inline-block; width:236px; background:url(../images/fenge-t.png) no-repeat right;}
.chanp_flbox ul li:nth-child(6){ background:none;}
.chanp_flbox ul li span{ display:block; width:236px; height:65px; padding-bottom:5px; position:relative; transition:all .4s ease-in;}
.chanp_flbox ul li img{ display:block; margin:0 auto;-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%);-o-filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-opacity:0.5;-ms-opacity:0.5;-o-opacity:0.5;-webkit-opacity:0.5; opacity:0.5; transition:all .5s ease-out;}
.chanp_flbox ul li p{ display:block; font-size:18px; color:#474747; text-align:center;}
.chanp_flbox ul li a:hover img{-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);-webkit-filter: grayscale(0);filter: grayscale(0); opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;-webkit-opacity:1;}
.chanp_flbox ul li:hover span{ transform:translateY(-10px);}
.chanp_flbox ul li:hover p{ color:#005bac;}
/*������*/
.qiujing_bj{ width:100%; padding:80px 0 72px; background:#f6f6f6;}
.qj_title{ width:100%; margin:auto;}
.qj_title h1{ display:block; font-size:36px; color:#3c3c3c; text-align:center}
.qj_title span,.fanan_title span,.news_title span{ display:block; width:88px; height:1px; background:#848484; margin:20px auto 0;}
.qj_title p{  display:block; font-size:16px; color:#555555; text-align:center; margin-top:18px;}
.qiuji_box{ width:1200px; margin:70px auto 0; position:relative;}
.qiujin_conbox{ display:block; width:100%; height:391px; background:#fff; overflow:hidden;}
.qiujin_conbox li{ float:left; width:100%; overflow:hidden;}
.qiujin_tu{ float:left; width:630px; height:391px; background:#000; position:relative; overflow:hidden;}
.qiujin_tu a{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:2;}
.qiujin_tu img{ display:block; width:100%; height:auto;}
.qiujin_con{ float:right; width:570px; height:391px; background:#fff;}
.qiujin_con h1{ display:block; font-size:28px; color:#313131; padding:45px 55px 0;}
.qiujin_con h2{ display:block; width:50px; height:1px; background:#005bac; margin:18px 0 0 60px;}
.qiujin_con p{ display:block; font-size:18px; color:#545454; line-height:36px; padding:40px 0 0 60px;}
.qiujin_con span{ display:block; width:158px; height:42px; margin-top:30px; margin-left:60px;}
.qiujin_con span a{ display:block; font-size:14px; color:#7b7b7b; text-align:center; line-height:40px; border:1px solid #cacaca; border-radius:3px;}
.qiujin_con span a img{ margin-left:18px;}
.qiujin_con span a:hover{ border:1px solid #167ad2;}
.qiehuan_box{ display:block; width:88px; height:40px; position:absolute; left:44%; bottom:15px; overflow:hidden;}
.qiehuan_box li{ float:left; width:44px; height:40px;}
.qiehuan_box .prev{ background:url(../images/qiehuan-tb.png) no-repeat 0 0;}
.qiehuan_box .next{ background:url(../images/qiehuan-tb.png) no-repeat -44px 0;}
/*�������*/
.fanan_title{ width:100%; margin:78px auto 46px;}
.fanan_title h1,.news_title h1{ display:block; font-size:36px; color:#3c3c3c; text-align:center;}
.fangan_box{ width:100%; margin-top:48px; overflow:hidden;}
.fangan_box ul{ display:block; overflow:hidden;}
.fangan_box ul li{ float:left; width:270px; background:#f9f9f9; margin-right:40px; margin-bottom:30px; position:relative;}
.fangan_box ul li:nth-child(4n+0){ margin-right:0;}
.fangan_box .fangan_tu{ width:100%; background:#000; overflow:hidden;}
.fangan_box .fangan_tu img{ display:block; width:100%; height:149px; transition:all .5s ease-in;}
.fangan_con{ width:240px; padding:10px 15px;}
.fangan_con h1{ display:block; font-size:18px; color:#2c2c2c; line-height:30px;}
.fangan_con p{ display:block; font-size:12px; color:#404040;line-height:20px; margin-top:10px;}
.fangan_con span{ display:block; width:7px; height:12px; background-image:url(../images/fangan_tb2.png); background-size:cover; background-repeat:no-repeat; position:absolute; bottom:18px; right:20px;}
.fangan_box ul li:hover img{ opacity:0.8; transform:scale(1.07);}
.fangan_box ul li:hover{ background:#ebf0f5;}
.fangan_box ul li:hover h1{ color:#005bac;}
.fangan_box ul li:hover span{ background-image:url(../images/fangan_tb3.png); background-repeat:no-repeat; background-size:cover;}
/*ý����Ѷ*/
.news_title{ width:800px; margin:76px auto 0;}
.news_box{ width:1200px; margin:50px auto 0;}
.news_box ul{ display:block; width:100%;}
.news_box ul li{ float:left; width:285px; border:1px solid #f0f0f0; margin-right:17px; transition:all 0.5s ease-out; overflow:hidden;}
.news_box ul li:nth-child(4){ margin-right:0;}
.news_tu{ width:100%; height:auto; background:#000; overflow:hidden;}
.news_tu img{ display:block; width:100%; height:auto;}
.news_con{ padding:20px 15px;}
.news_con h1{ display:block; font-size:16px; color:#474747; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_con p{ display:block; font-size:14px;  color:#818181; line-height:20px; margin-top:12px;}
.news_con span{ display:block; font-size:12px; color:#9f9f9f; margin-top:25px;}
.news_box ul li:hover{ box-shadow:0 0 15px rgba(153,153,153,0.5);}
.news_box ul li:hover{ position:relative;transform:scale(1.05);}
.news_box ul li:hover img{ opacity:0.6; }
































